<html>
<head>
<title>Getting Started</title>
<link rel="stylesheet" type="text/css" href="../media/style.css">
</head>
<body>

<table border="0" cellspacing="0" cellpadding="0" height="48" width="100%">
  <tr>
    <td class="header_top">HTML_Progress</td>
  </tr>
  <tr><td class="header_line"><img src="../media/empty.png" width="1" height="1" border="0" alt=""  /></td></tr>
  <tr>
    <td class="header_menu">
  		  [ <a href="../classtrees_HTML_Progress.html" class="menu">class tree: HTML_Progress</a> ]
		  [ <a href="../elementindex_HTML_Progress.html" class="menu">index: HTML_Progress</a> ]
		  [ <a href="../elementindex.html" class="menu">all elements</a> ]
    </td>
  </tr>
  <tr><td class="header_line"><img src="../media/empty.png" width="1" height="1" border="0" alt=""  /></td></tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td>
      <table cellpadding="10" cellspacing="0" width="100%" border="0"><tr><td valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10%" align="left" valign="bottom"><a href=
"../HTML_Progress/tutorial_part1-introduction.pkg.html">Prev</a></td>
<td width="80%" align="center" valign="bottom"></td>
<td width="10%" align="right" valign="bottom"><a href=
"../HTML_Progress/tutorial_part2-firstprogressmeter.pkg.html">Next</a></td>
</tr>
</table>
<div><a name=""></a><div class="ref-title-box"><div class="ref-title">Getting Started</div>
  <div class="ref-purpose">learn all features of HTML_Progress package</div></div>

 <a name="intro"></a><h3 class="title">Introduction</h3><p>In a series of tutorials, we give the new users of HTML_Progress an overview of its features
   and usage patterns. 
   It describes a small subset of available functionality, but points to the parts of 
   the documentation that give a more in-depth overview.</p><hr />
 
 <a name="first-progressmeter"></a><h3 class="title">Your first progress meter</h3><p>Create a <strong>simple progress meter</strong> from scratch, 
   and learn the basic concepts of HTML_Progress with <a href="../HTML_Progress/tutorial_part2-firstprogressmeter.pkg.html">Your first Progress Meter</a>.</p><hr />

 <a name="patterns"></a><h3 class="title">Master and slave patterns</h3><p>Control a long task running with <strong>master and slave</strong> patterns.
   Choose to use or not the <a href="../HTML_Progress/tutorial_part2-progresshandler.pkg.html">Progress Handler</a> feature.</p><hr />

 <a name="error-handling"></a><h3 class="title">Error handling</h3><p><strong>Handle error</strong> both simple and advanced with the new 
   <a href="../HTML_Progress/tutorial_part2-errorhandling.pkg.html">error-handling plug-in</a> comes with version 1.2.0</p><hr />

 <a name="indeterminate"></a><h3 class="title">Indeterminate mode</h3><p>Sometimes you can't immediately determine the length of a long-running task, 
   or the task might stay stuck at the same state of completion for a long time.
   So how to animate a progress bar to show unknown length-task activity ?
   We will learn, with two examples, how to <a href="../HTML_Progress/tutorial_part2-indeterminate.pkg.html">use indeterminate mode</a>.
    The first example apply basic concept, and the second example show an integration
    with a progress monitor.<br /></p><hr />

 <a name="observer-pattern"></a><h3 class="title">Observer Pattern</h3><p>The <i><b>HTML_Progress_Observer</b></i> class provides an implementation 
   of the observer pattern. It provide a mechanism which you can examine each important event 
   as it is happened and respond to them in a specific way.
   Lets discover our <a href="../HTML_Progress/tutorial_part2-observer.pkg.html">series of example</a> to see what we can do with it.<br /></p><hr />

 <a name="observer-pattern"></a><h3 class="title">Monitoring functions v2</h3><p>This tutorial is based on version #2 of <i><b>HTML_Progress_Monitor</b></i> class 
   cames with HTML_Progress 1.1.
   Make sure that you use the good version otherwise things might not works as specified.
   <p><table class="note"><tr><td class="note_img"><img src="../media/caution.png"></td><td class="note_text">If you still use HTML_Progress 1.0, and won't plan to migrate to version 1.1 or greater, then
     you should read and follow instructions into article available 
     at <a href="http://laurent-laville.org/spip/article.php3?id_article=9">http://laurent-laville.org/spip/article.php3?id_article=9</a>.</td></tr></table></p>
   <p>The <i><b>HTML_Progress_Monitor</b></i> class allows to display and manage 
    a progress bar inside a dialog box (renders are customizable, and both mode 
    determinate/indeterminate are supported). 
    Progress process may be stop at any time by a user action (click on Cancel button).
    Lets see what we can display with the new QF rendering system 
     (<a href="http://pear.php.net/manual/en/package.html.html-quickform.intro-renderers.php">http://pear.php.net/manual/en/package.html.html-quickform.intro-renderers.php</a>)
     in our <a href="../HTML_Progress/tutorial_part2-monitor.pkg.html">series of example</a>.</p></p><hr /></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="33%" align="left" valign="top"><a href="../HTML_Progress/tutorial_part1-introduction.pkg.html">Prev</a></td>
<td width="34%" align="center" valign="top"><a href=
"../HTML_Progress/tutorial_HTML_Progress.pkg.html">Up</a></td>
<td width="33%" align="right" valign="top"><a href=
"../HTML_Progress/tutorial_part2-firstprogressmeter.pkg.html">Next</a></td>
</tr>

<tr>
<td width="33%" align="left" valign="top">Introduction</td>
<td width="34%" align="center" valign="top">HTML_Progress 1.x</td>
<td width="33%" align="right" valign="top">Your first Progress Meter</td>
</tr>
</table>
        <div class="credit">
		    <hr />
		    Documentation generated on Sun, 12 Sep 2004 20:22:37 +0200 by <a href="http://www.phpdoc.org">phpDocumentor 1.3.0RC3</a>
	      </div>
      </td></tr></table>
    </td>
  </tr>
</table>

</body>
</html>